﻿<!DOCTYPE html>
<html lang="en">
<head>
    <title>IoTSharp Home </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- Custom Theme files -->
    <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
    <link href="css/style.css" type="text/css" rel="stylesheet" media="all">
    <link rel="stylesheet" href="css/swipebox.css">
    <link href="css/animate.css" rel="stylesheet" type="text/css" media="all"> <!-- animation -->
    <link href="css/font-awesome.css" rel="stylesheet"> <!-- font-awesome icons -->
    <!-- //Custom Theme files -->
    <!-- js -->
    <script src="js/jquery-2.2.3.min.js"></script>
    <script type="text/javascript">
        function test(Url) {
            document.frames[0].location.href = Url;
        }
    </script><!-- //js -->
    <!-- web-fonts -->
    <link href="css/Enriqueta.css" rel="stylesheet">
    <link href="css/OpenSans.css" rel="stylesheet" />
    <!-- //web-fonts -->
</head>
<body>
	<!-- banner -->
	<div  id="home" class="banner">
		<div class="container">
			<div class="wthree-header">
				<div class="agileits-logo navbar-left">
					<h1 class="wow swing animated" data-wow-delay=".5s"><a href="index.html">IoTSharp</a></h1>
				</div>
				<div class="navbar-right social-icons wow fadeInRight animated" data-wow-delay=".5s"> 
					<ul>
						<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
						<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
						<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li> 
						<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
					</ul>  
				</div>
				<div class="clearfix"> </div>
			</div>
			<!-- navigation -->
			<div class="top-w3lnav">
				<nav class="navbar navbar-default">
					<div class="navbar-header w3l-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							Menu 
						</button>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav navbar-center w3l-effect">
							<li><a href="index.html">Home</a></li>
							<li><a href="swagger" target="_top">Swagger</a></li>
							<li><a href="healthchecks-ui">Health Checks</a></li>
							<li><a href="quartz">Quartz</a></li>
							<li><a href="cap">CAP</a></li>
							<li><a href="#welcome" class="scroll">Welcome</a></li>
							<li><a href="#about" class="scroll">About</a></li>
						</ul>	
						<div class="clearfix"> </div>
					</div>	
				</nav>		
			</div>	
			<!-- navigation --> 
			<!-- arrow bounce --> 
			<div class="agileits-arrow bounce animated"><a href="#welcome" class="scroll"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i></a></div>
			<!-- //arrow bounce -->
		</div> 
	</div>
	<!-- //banner -->
	<!-- welcome -->
	<div class="welcome" id="welcome">
		<div class="container">
			<h3 class="w3layouts-title wow fadeInDown animated" data-wow-delay=".5s">Welcome </h3>			
			<div class="welcome-info">
				<h2 class="wow fadeInLeft animated" data-wow-delay=".5s">采用.Net Core 打造的物联网平台后端</h2>			
				<p class="wel-text wow fadeInRight animated" data-wow-delay=".5s">已支持支持MQTT、CoAP、HTTP、计划支持ModBus、BacNet、OPC-UA</p>			
				<div class="welcome-row">
					<div class="col-md-3 welcome-grids wow zoomIn animated" data-wow-delay=".5s">
                        <h5>Health Checks<</h5>
                        <p class="text">Health Checks 是服务器程序各项指标是否健康的检查界面， 可以看到数据库、网络、FTP等重要条件的检查情况。 </p>
						<div class="welcome-w3lsicon">
							<span><i class="glyphicon glyphicon-briefcase"></i> </span>
						</div>
					</div>
					<div class="col-md-3 welcome-grids welcome-mdl wow zoomIn animated" data-wow-delay=".5s">
						<h5>多租户管理</h5>
						<p class="text">满足多租户管理以及资产管理、文件管理的的所有需求</p>
						<div class="welcome-w3lsicon">
							<span><i class="glyphicon glyphicon-check"></i></span>
						</div>
					</div>
					<div class="col-md-3 welcome-grids  welcome-mdl1 wow zoomIn animated" data-wow-delay=".5s">
                        <h5>Quartz</h5>
                        <p class="text">Quartz 是任务计划管理界面，可以看到服务器程序各个任务是否正常工作以及历史信息</p>
						<div class="welcome-w3lsicon">
							<span><i class="glyphicon glyphicon-education"></i></span>
						</div>
					</div>
					<div class="col-md-3 welcome-grids wow zoomIn animated" data-wow-delay=".5s">
                        <h5>多样化前端</h5>
                        <p class="text">IoTSharp项目仅提供后端服务，前端部分则提供技术DevExpress 界面以及vue-admin 实现的前端。</p>
						<div class="welcome-w3lsicon">
							<span><i class="glyphicon glyphicon-thumbs-up"></i></span>
						</div>
					</div> 
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
	</div>
	<!-- //welcome -->
	<!-- about -->
	<div id="about" class="about">
		<!-- container -->
        <div class="container">
           
        </div>
		<!-- //container -->
	</div>
	<!-- //about -->
 	
	<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="col-md-4 footer-grids wow fadeInLeft animated" data-wow-delay=".5s">
				<h3>About :</h3>
				<p>关于IoTSharp.</p>
			</div>
			 
			<!--<div class="col-md-4 footer-grids wow fadeInLeft animated" data-wow-delay=".5s">
				<h3>Office Hours :</h3>
				<h5><b>Mon-Fri:</b> 10am-9pm </h5>
				<h5><b>Sat-Sun:</b> By Special Appointment</h5>-->
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<!-- //footer -->
	<!-- copy right -->
	<div class="footer-bottom">
		<div class="container"> 
			<p>Copyright &copy; 2019.IoTSharp All rights reserved.  </p>
		</div>
	</div>  
	<!-- //copy right -->
	<!-- animation --> 
	<script src="js/wow.min.js"></script>
	<script>
		 new WOW().init();
	</script>
	<!-- //animation --> 
	<!-- start-smooth-scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>	
	<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
	</script>
	<!-- //end-smooth-scrolling -->
	<!-- smooth-scrolling-of-move-up -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
			};
			*/
			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script> 
	<!-- //smooth-scrolling-of-move-up -->
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/bootstrap.js"></script>
</body>
</html>